<template>
    <div
        class="dynamic"
        :style="{height: this.$Global.screeHeight - this.$Global.headerHeight - this.$Global.footerHeight - 20+'px'}"
    >
        <p class="dynamic-title">{{currentDynamic.title}}</p>
        <div
            class="dynamic-content"
            v-html="currentDynamic.content"
        ></div>

    </div>
</template>

<script>
export default {
    data() {
        return {
            currentDynamic: {},
            id: 0
        };
    },
    methods: {},
    mounted() {
        this.id = this.$route.query.id;
    },
    watch: {
        id(newValue, oldValue) {
            this.$http("/companyDynamic/getDynamicById?id=" + this.id).then(
                response => {
                    this.currentDynamic = response.data;
                }
            );
        }
    }
};
</script>

<style>
.dynamic {
    text-align: center;
}
.dynamic .dynamic-title {
    text-align: center;
    font-family: "黑体";
    font-size: 18px;
}
.dynamic .dynamic-content {
    width: 800px;
    margin: 0 auto;
    text-align: left;
}
</style>